<!DOCTYPE html>
<html lang="cs">
	<head>
		<meta charset="utf-8" />
		<title>Příklad 3-1</title>
		<meta name="author" content="Daniel Bielczyk" />
	</head>
	<body style="margin: 0; padding: 0;">
		
		<canvas width="400" height="400" id="canvas"></canvas>
    
<script>

var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");

context.lineWidth = 1; //tloušťku čáry nastavíme na 1
context.strokeRect(2, 2, 5, 5); //neposunutý čtverec - rozmazaný
context.strokeRect(12.5, 2.5, 5, 5); //posunutý čtverec - nerozmazaný

context.lineWidth = 2; //tloušťku čáry nastavíme na 2
context.strokeRect(2, 12, 5, 5); //neposunutý čtverec - nerozmazaný
context.strokeRect(12.5, 12.5, 5, 5); //posunutý čtverec - rozmazaný

</script>
		
	</body>
</html>